*{
    margin: 0;
    padding: 0;
}
html,body,.box{
   width: 100%;
   height: 100%;
}
a{
    color: #ccc;
    text-decoration: none;
}
ul li{
    list-style: none;
}
.box{
    display: flex;
    flex-direction: column;
}
header{
    width: 100%;
    height: 45px;
    background: red;
}
section{
    width: 100%;
    flex: 1;
}
footer{
    width: 100%;
    height: 55px;
    background: #FFFFFF;
    color:#000;
    font-size: 16px;
    ul{
       width: 100%;
       height: 55px;
       display: flex;
       li{
          width: 25%;
          height: 55px;
          display: flex;
          justify-content: center;
          align-items: center;
          a{
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              .tu{
              position: absolute;
              left: 38%;
              bottom: 6px;
              img{
                  width: 86px;
                   height: 65px;
                    z-index: 999;
              }
          }
          }
       }
    }
}
